<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sx" uri="/struts-dojo-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Home</title>
<link rel="stylesheet" href="cssFile/newlogincss.css" type="text/css"></link>
<sx:head />
<style type="text/css">
.menuclass{
margin: 5px;
}
#menu,#menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

 ul li {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#menu li {
	float: left;
	position: relative;
	line-height: 2.1em;
	width: 8em;
}

#menu li ul {
	position: absolute;
	margin-top: 0 em;
	margin-left: 0em;
	display: none;
}

#menu ul li ul {
	margin-top: -2em;
	margin-left: 8em;
}

#menu a {
	display: block;
	border-right: 1px solid #fff;
	/*background: #E0F574;*/
	background-color:#f7f7ef;
	color: #3B3B3B;
	text-decoration: none;
	padding: 0 10px;
}

#menu a:hover { /*background-color: #5798B4;*/
background-color: #34231c;
	color: white;
}

#menu ul {
	border-top: 1px solid #fff;
}

#menu ul a {
	border-right: none;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	/*background: #AEC245;*/
}
/* SHOW SUBMENU 1 */
#menu li:hover ul,#menu li.over ul {
	display: block;
}

#menu li:hover ul ul,#menu li.over ul ul {
	display: none;
}
/* SHOW SUBMENU 2 */
#menu ul li:hover ul,#menu ul li.over ul {
	display: block;
}

/* [if IE]> <style type ="text/css">#menu li {
	position: static;
} */
</style>
<script type="text/javascript">
	function GetMnt() {
		var voucherID = document.getElementById("VouType").value;
	}
</script>
</head>
<body>
	<div class="MainDiv">
		<div class="header">
			<div class="loginHeader">
				<div style="width: 980px;">
					<div class="HomeHeader" id="HomeHeader">
						<label>Comapny Name</label>
					</div>
				</div>
				<div style="width: 980px;">
					<div class="HomeHeaderUser" id="HomeHeaderUser">
						<label>Welcome-</label>
						<s:property value="username" />
						<s:property value="userID" />
					</div>
				</div>

			</div>
		</div>
		<div class="headerMenuhome">
			<div class="headerMain">
				<div class="menuclass">
					<ul id="menu">
						<li style="border-left: 1px solid #ccc"><a href="#" title="Homepage" class="selected">Homepage</a></li>
						<li><a href="#" title="About us">About us</a></li>
						<li><a href="#" title="Projects">Projects</a>
							<ul>
								<li><a href="#" title="Older projects">Older projects</a>
									<ul>
										<li><a href="#" title="2003 projects">2003 projects</a></li>
										<li><a href="#" title="2004 projects">2004 projects</a></li>
										<li><a href="#" title="2005 projects">2005 projects</a></li>
									</ul></li>
								<li><a href="#" title="Active projects">Active projects</a>
									<ul>
										<li><a href="#" title="Leaf industries">Leaf
												industries</a></li>
										<li><a href="#" title="Omnicron">Omnicron</a></li>
										<li><a href="#" title="Unkown.com">Unkown.com</a></li>
									</ul></li>
							</ul></li>
						<li><a href="#" title="Contact">Contact</a></li>
					</ul>
				</div>
			</div>

		</div>

		<div class="body">

			<div class="middleDiv" id="middleDiv">
				<div class="datacontent">
				
					<label>Date :</label>
					<sx:datetimepicker name="toDate" displayFormat="MM-dd-yy"
						value="%{'today'}" cssStyle="width:48px;" required="true" />
					<label>Voucher Type :</label>
					<s:select id="VouType" autoComplete="true" name="ledgervoucherType"
						list="vouchertype" listKey="id" listValue="name"
						headerValue="VoucherType" onchange="GetMnt()"></s:select>
				</div>
				<div class="tabeldiv">
					<table id="datatabel">
						<tr>
							<th>No</th>
							<th>Date</th>
							<th>Particluars</th>
							<th>Party Name</th>
							<th>Debit</th>
							<th>Credit</th>
							<th>RefNo</th>
							<th>Remark</th>
						</tr>
						<tr>
							<td>1</td>
							<td>2013-12-31</td>
							<td>Bank In Bank</td>
							<td>Ronak Girish Shah</td>
							<td>100.00</td>
							<td>0.00</td>
							<td>1203</td>
							<td>By Ronak</td>
						</tr>

					</table>
				</div>
			</div>
		</div>
	</div>
	<div class="footer">Fotter</div>
</body>
</html>